<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>网吧管理系统</title>

<link rel="stylesheet" href="css/style.default.css" type="text/css" />
<link rel="stylesheet" href="css/bootstrap-fileupload.min.css" type="text/css" />
<link rel="stylesheet" href="css/bootstrap-timepicker.min.css" type="text/css" />

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap-fileupload.min.js"></script>
<script type="text/javascript" src="js/bootstrap-timepicker.min.js"></script>
<script type="text/javascript" src="js/jquery.uniform.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="js/jquery.autogrow-textarea.js"></script>
<script type="text/javascript" src="js/charCount.js"></script>
<script type="text/javascript" src="js/colorpicker.js"></script>
<script type="text/javascript" src="js/ui.spinner.min.js"></script>
<script type="text/javascript" src="js/chosen.jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/modernizr.min.js"></script>
<script type="text/javascript" src="js/responsive-tables.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="js/forms.js"></script>
</head>

<body>

<div class="mainwrapper">
    
    <div class="header">
        <div class="logo">
           <a href="dashboard.html"><div style="color:white;font-size:20px;" >网吧管理系统</div></a>
        </div>
        <div class="headerinner">
            <ul class="headmenu">
                <li class="odd">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <span class="count">4</span>
                        <span class="head-icon head-message"></span>
                        <span class="headmenu-label">消息</span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="nav-header">消息</li>
                        <li><a href=""><span class="icon-envelope"></span> 新消息<strong>Mr. chen</strong> <small class="muted"> - 19 分钟前</small></a></li>
						<li><a href=""><span class="icon-envelope"></span> 新消息<strong>Mr. chen</strong> <small class="muted"> - 19 分钟前</small></a></li>
						<li><a href=""><span class="icon-envelope"></span> 新消息<strong>Mr. chen</strong> <small class="muted"> - 19 分钟前</small></a></li>
						<li><a href=""><span class="icon-envelope"></span> 新消息<strong>Mr. chen</strong> <small class="muted"> - 19 分钟前</small></a></li>
					    <li><a href=""><span class="icon-envelope"></span> 新消息<strong>Mr. chen</strong> <small class="muted"> - 19 分钟前</small></a></li>
                        <li class="viewmore"><a href="messages.html">查看更多</a></li>
                    </ul>
                </li>
            </ul><!--headmenu-->
        </div>
    </div>
    
    <div class="leftpanel">
        
        <div class="leftmenu">        
            <ul class="nav nav-tabs nav-stacked">
            <!--	<li class="nav-header">Navigation</li>-->
                <li ><a href="dashboard.html"><span class="iconfa-laptop"></span> 首页</a></li>
              <!--  <li><a href="buttons.html"><span class="iconfa-hand-up"></span> Buttons &amp; Icons</a></li>-->
                <li class="dropdown active"><a href=""><span class="iconfa-pencil"></span> 首页</a>
                	<ul>
                    	<li><a href="prodSale.html">商品销售</a></li>
                        <li><a href="orderList.html">点单信息</a></li>
                        
                    </ul>
                </li>
                <li class="dropdown"><a href=""><span class="iconfa-briefcase"></span> 会员管理</a>
                	<ul>
                    	<li><a href="membListOnline.html">会员列表</a></li>
                        <li><a href="membRoam.html">会员漫游</a></li>
                        
                    </ul>
                </li>
                <li class="dropdown"><a href=""><span class="iconfa-th-list"></span> 商品管理</a>
                	<ul>
                    	<li><a href="prodList.html">商品列表</a></li>
                        <li><a href="prodAdd.html">商品种类</a></li>
						<li><a href="prodIn.html">进货入库</a></li>
						<li><a href="prodInLog.html">进货记录</a></li>
                    </ul>
                </li>
				 <li class="dropdown"><a href=""><span class="iconfa-th-list"></span> 统计汇总</a>
                	<ul>
                    	<li><a href="cash.html">现金流</a></li>
                        <li><a href="prodSaleLog.html">销售记录</a></li>
						<li><a href="statCash.html">现金汇总</a></li>
						<li><a href="statProd.html">货品盘点</a></li>
						<li><a href="operateLog.html">操作记录</a></li>
                    </ul>
                </li>
                
                <li class="dropdown"><a href=""><span class="iconfa-book"></span> 运维管理</a>
                	<ul>
                    	<li><a href="faultRpt.html">故障报修</a></li>
                      
                    </ul>
                </li>
               <li class="dropdown"><a href=""><span class="iconfa-book"></span> 员工管理</a>
                	<ul>
                    	<li><a href="empList.html">员工列表</a></li>
						<li><a href="emplAdd.html">员工入职</a></li>
						<li><a href="salary.html">工资结算</a></li>
                    </ul>
                </li>
				<li class="dropdown"><a href=""><span class="iconfa-book"></span> 系统设置</a>
                	<ul>
                    	<li><a href="setting.html">系统设置</a></li>
						<li><a href="authority.html">权限控制</a></li>
						<li><a href="404.html">404</a></li>
                    </ul>
                </li>
            </ul>
        </div><!--leftmenu-->
        
    </div><!-- leftpanel -->
    
    <div class="rightpanel">
        
         <ul class="breadcrumbs">
            <li><a href="dashboard.html"><i class="iconfa-home"></i></a> <span class="separator"></span></li>
            <li>首页<span class="separator"></span>商品销售</li>
            <li class="right">
                    <a href="" data-toggle="dropdown" class="dropdown-toggle"><i class="icon-tint"></i>皮肤</a>
                    <ul class="dropdown-menu pull-right skin-color">
                        <li><a href="default">默认</a></li>
                        <li><a href="navyblue">深蓝</a></li>
                        <li><a href="palegreen">浅绿</a></li>
                        <li><a href="red">红色</a></li>
                        <li><a href="green">绿色</a></li>
                        <li><a href="brown">棕色</a></li>
                    </ul>
            </li>
        </ul>
        
        <div class="pageheader">
            <form action="results.html" method="post" class="searchbar">
                <input type="text" name="keyword" placeholder="查询" />
            </form>
            <div class="pageicon"><span class="iconfa-pencil"></span></div>
            <div class="pagetitle">
                <h5>商品销售</h5>
                <h1>商品销售</h1>
            </div>
        </div><!--pageheader-->
        
        <div class="maincontent">
            <div class="maincontentinner">
            
            <div class="widget">
            <h4 class="widgettitle">商品销售</h4>
            <div class="widgetcontent">
                <form class="stdform " action="forms.html" method="post">
                  <div style="display:table;float:left;padding:5px;" >
                            <label style="width:auto;" >会员卡号(身份证)</label>
                            <span style=" margin-left: auto;" class="field"><input type="text" placeholder="非会员直接回车" class="input-xlarge" name="input1"></span>
                            <small style=" margin: auto;" class="desc">注：Mr.chen</small>
                  </div>  	
                  <div style="display:table;float:left;padding:5px;" >
                            <label style="width:auto;" >会员姓名</label>
                            <span style=" margin-left: auto;" class="field"><input type="text" placeholder="会员姓名" class="input-xlarge" name="input1"></span>
                            <small style=" margin: auto;" class="desc">注：Mr.chen</small>
                  </div>  
				  <div style="display:table;float:left;padding:5px;" >
                            <label style="width:auto;" >余额</label>
                            <span style=" margin-left: auto;" class="field"><input type="text" placeholder="余额" class="input-xlarge" name="input1"></span>
                            <small style=" margin: auto;" class="desc">注：Mr.chen</small>
                  </div>  
				 <div style="display:table;float:left;padding:5px;" >
                            <label style="width:auto;" >商品条码</label>
                            <span style=" margin-left: auto;" class="field"><input type="text" placeholder="请输入商品条码" class="input-xlarge" name="input1"></span>
                            <small style=" margin: auto;" class="desc">注：Mr.chen</small>
                  </div> 
				 <div style="display:table;float:left;padding:5px;" >
                            <label style="width:auto;" >商品名称</label>
                            <span style=" margin-left: auto;" class="field"><input type="text" placeholder="商品名称" class="input-xlarge" name="input1"></span>
                            <small style=" margin: auto;" class="desc">注：Mr.chen</small>
                  </div> 
				 <div style="display:table;float:left;padding:5px;" >
                            <label style="width:auto;" >库存</label>
                            <span style=" margin-left: auto;" class="field"><input type="text" placeholder="库存" class="input-xlarge" name="input1"></span>
                            <small style=" margin: auto;" class="desc">注：Mr.chen</small>
                  </div>
				  <div style="clear:both;"></div>
				  <div style="display:table;float:left;padding:5px;" >
                            <label style="width:auto;" >总额 ¥</label>
                            <span style=" margin-left: auto;" class="field"><input type="text" placeholder="总额 ¥" class="input-small" name="input1"></span>
                            <small style=" margin: auto;" class="desc">注：Mr.chen</small>
                 </div>	
				 <div style="display:table;float:left;padding:5px;" >
                            <label style="width:auto;" >找零 ¥</label>
                            <span style=" margin-left: auto;" class="field"><input type="text" placeholder="找零 ¥" class="input-small" name="input1"></span>
                            <small style=" margin: auto;" class="desc">注：Mr.chen</small>
                 </div>	
				 <div style="display:table;float:left;padding:5px;" >
                            <label style="width:auto;" >实付 ¥</label>
                            <span style=" margin-left: auto;" class="field"><input type="text" placeholder="实付 ¥" class="input-small" name="input1"></span>
                            <small style=" margin: auto;" class="desc">注：Mr.chen</small>
                 </div>
				 <div style="display:table;float:left;padding:5px;" >
				            <label  style="width:auto;float:none;" >&nbsp;</label>
							<span style="float:left;">
								<a class="btn btn-rounded" style="display:block" href=""> 
								<i class="iconsweets-link"></i> &nbsp; Button</a>
							</span>
                 </div>				 
		 
				  <div style="clear:both"></div>
                </form>
                </div><!--widgetcontent-->
            </div><!--widget-->
            
            
                
              <!--  <div class="divider30"></div>-->
                
				<h4 class="widgettitle">列表</h4>
            	<table class="table table-bordered responsive">
                    <thead>
                        <tr>
						 		 		 	 	 	
                        	<th class="centeralign"><input type="checkbox" class="checkall" /></th>
                            <th>编号</th>
                            <th>商品名称</th>
                            <th>单价 </th>
                            <th>数量</th>
                            <th>折扣</th>
							<th>金额</th>
							<th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                        	<td class="centeralign"><input type="checkbox" /></td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
							<td>Mr. chen</td>
							<td>Mr. chen</td>
                            <td class="centeralign"><a href="" class="deleterow"><span class="icon-trash"></span></a></td>
                        </tr>
                        <tr>
                        	<td class="centeralign"><input type="checkbox" /></td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
							<td>Mr. chen</td>
							<td>Mr. chen</td>
                            <td class="centeralign"><a href="" class="deleterow"><span class="icon-trash"></span></a></td>
                        </tr>
                        <tr>
                        	<td class="centeralign"><input type="checkbox" /></td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
							<td>Mr. chen</td>
							<td>Mr. chen</td>
                            <td class="centeralign"><a href="" class="deleterow"><span class="icon-trash"></span></a></td>
                        </tr>
                        <tr>
                        	<td class="centeralign"><input type="checkbox" /></td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
							<td>Mr. chen</td>
							<td>Mr. chen</td>
                            <td class="centeralign"><a href="" class="deleterow"><span class="icon-trash"></span></a></td>
                        </tr>
                        <tr>
                        	<td class="centeralign"><input type="checkbox" /></td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
                            <td>Mr. chen</td>
							<td>Mr. chen</td>
							<td>Mr. chen</td>
                            <td class="centeralign"><a href="" class="deleterow"><span class="icon-trash"></span></a></td>
                        </tr>
                    </tbody>
                </table>
				<div class="pagination">
					<ul >
					  <li><a href="#">&laquo;</a></li>
					  <li><a href="#">1</a></li>
					  <li><a href="#">2</a></li>
					  <li><a href="#">3</a></li>
					  <li><a href="#">4</a></li>
					  <li><a href="#">5</a></li>
					  <li><a href="#">&raquo;</a></li>
					</ul>
				</div>
				  <div class="footer">
                    <div class="footer-left">
                        <span>&copy; 2013. netBar. All Rights Reserved.</span>
                    </div>
                    <div class="footer-right">
                        <span>Designed by: Mr. chen</span>
                    </div>
                </div><!--footer-->
            </div><!--maincontentinner-->
        </div><!--maincontent-->
        
    </div><!--rightpanel-->
    
</div><!--mainwrapper-->
<script>
  // delete row in a table
    if(jQuery('.deleterow').length > 0) {
        jQuery('.deleterow').click(function(){
            var conf = confirm('Continue delete?');
	    if(conf)
                jQuery(this).parents('tr').fadeOut(function(){
		jQuery(this).remove();
		// do some other stuff here
	    });
	    return false;
	});	
    }
</script>
</body>
</html>
